<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
		<div id="main" style="width: 600px;height:400px;"></div>
		<script type="text/javascript">
			// 基于准备好的dom，初始化echarts实例
			let now = new Date();
			let hours = now.getHours();
			let theme = null;

			if (hours >= 19 || hours <= 6) {
				theme = 'dark';
			}

			var myChart = echarts.init(document.getElementById('main'), theme);

			// 指定图表的配置项和数据
			var option = {
				title: {
					text: 'ECharts 入门示例'
				},
				tooltip: {},
				legend: {
					// data: ['销量', '退货量']
				},

				dataset: {
					// 提供一份数据。
					source: [
						['product', '进账', '出账'],
						['1月', 5, 50],
						['2月', 20, 25],
						['3月', 36, 57],
						['4月', 10, 16],
						['5月', 10, 13],
						['6月', 20, 60],
						['7月', 20, 60],
						['8月', 20, 60]
					]
				},

				xAxis: {
					// data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
					type: 'category',
				},
				yAxis: {

				},
				series: [{
						// type: 'bar',
						type: 'line',
						stack: 'x',
						areaStyle:{}
						// data: [5, 20, 36, 10, 10, 20],
						// color: [
						//         '#dd6b66',
						//         '#759aa0',
						//         '#e69d87',
						//         '#8dc1a9',
						//         '#ea7e53',
						//         '#eedd78'
						//       ]
					},
					{
						// type: 'bar',
						type: 'line',
						stack: 'x',
						areaStyle: {
							color: '#ff0',
							opacity: 0.5
						}
						// data: [50, 25, 57, 16, 13, 60],
						// color: [
						//         '#37A2DA',
						//         '#32C5E9',
						//         '#67E0E3',
						//         '#9FE6B8',
						//         '#FFDB5C',
						//         '#ff9f7f'
						// 		]
					},
				]
			};

			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		</script>
	</body>
</html>